@charset "utf-8";
/* CSS Document */
*,img,a,li,ul,h4,h5,h6{ list-style:none; margin:0; padding:0; text-decoration:none; border:none; font-weight:normal;}

@media screen and (max-device-width: 420px) {
.logo{
	background:white;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.logo li{
	font-size:24px;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
}
.logo_left{
	width:20%;
	background:url(../images/logo2.png) center center no-repeat;
	height:auto;
	background-size:80%;
}
.logo_center{
	width:65%;
	overflow:hidden;
	background-color:#eee;
}
.logo_right{
	width:15%;
	background:url(../images/gwc.png) center center no-repeat;
	background-size:60%;
}
.banner{
	width:100%;
	overflow:hidden;
	}
.banner img{ 
	width:100%;
	height:100%;
	margin:0;
	padding:0
	}
.icons{
	width:100%;
	overflow:hidden;
	padding:2% 0;
	background-color:white;
	border-bottom:1px solid #eee;
	}
.icons a{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	font-size:.75em;
	color:#f18383
	}
.icons a div{
	}
.icons a img{
	width:60%;
	margin-bottom:1%;
	}
.Notice{
	width:100%;
	overflow:hidden;
	background-color:white;
	}
.NoticeImg{
	width:20%;
	height:72px;
	float:left;
	background:url(../images/icon_16.jpg) center center no-repeat;
	background-size:70%;
	}
.NoticeUl{
	width:78%;
	padding:0 2%;
	float:right;
	border-left:1px solid #eee;
	background-color:white;
	overflow:hidden;
	}
.NoticeUl li{
	height:24px;
	font-size:.875em;
	line-height:24px;
	}
.NoticeUl li span{
	float:right;
	width:30%;
	display:block;
	font-size:.8em;
	color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	 white-space:nowrap; 
	}
.NoticeUl li a{
	display:block;
	background:url(../images/icon_19.jpg) left center no-repeat;
	background-size:8%;
	float:left;
	padding-left:8%;
	width:68%;
	overflow:hidden;
	color:#999;
	text-overflow:ellipsis;
	 white-space:nowrap; 
	}
.free{
	width:98%;
	margin:0 auto;
	}
.FreeImg{
	width:20%; 
	margin:1%;
	float:left;
	}
.bah{
	width:100%;
	padding:6% 0 2.5rem 0;
	font-size:12px;
	line-height: 24px;
	color:#ccc;
	background-color:#fbfbfb;
	text-align:center;
	}
.free p{
	margin:2% 0 0 0;
	padding:3% 35%;
	text-align:center;
	background-color:white;
	font-weight:bold;
	}
.product{
	width:100%;
	overflow:hidden;
	}
.product li{
	border: 1px solid #ddd;
	width:49.5%;
	overflow:hidden;
	float:left;
	background-color:white;
	background-color: #fbfbfb;
	margin-bottom: 1%
	}
.product li:nth-child(even){
	float:right;
	}
.product li img{ 
	width:100%;
	margin:0;
	padding:0;
	}
.ProductText{
	height:auto;
	padding:3% 2%;
	}	
.ProductText h4{
	overflow:hidden;
	color:#000;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h5{
	overflow:hidden;
	color:#fb6eb5;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h3{
	overflow:hidden;
	color:#ff1a60;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:1em;
	}
.ProductText h6{
	overflow:hidden;
	color:#ff0000;
	text-align:right;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h3,.ProductText h4{ 
	width:100%;
	padding: 10px 0;
	border-top: 1px dashed #aaa;
	float:left;
	}
.ProductText h5{ 
	padding: 5px 0;
	width:100%;
	color: #fb6eb5;
	float:left;
	}
.ProductText h6{ 
	width:50%; 
	float:right;
	}
}

@media (min-device-width: 421px) and (max-device-width: 768px) {
.logo{
	background:white;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.logo li{
	font-size:24px;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
}
.logo_left{
	width:20%;
	background:url(../images/LOGO.png) center center no-repeat;
	height:auto;
	background-size:80%;
}
.logo_center{
	width:65%;
	overflow:hidden;
	background-color:#eee;
}
.logo_right{
	width:15%;
	background:url(../images/gwc.png) center center no-repeat;
	background-size:40%;
}
.banner{overflow:hidden; height:7rem; width: 96%; margin: 0 auto;}
.banner ul{width:300%; margin-left: -100%; height:7rem;}
.banner ul li{width:20%;height:7rem;float:left;background-size:cover;background-position:center center;background-repeat:no-repeat}
.banner ul li a{background-size:cover;background-position:center center;background-repeat:no-repeat}
.icons{
	width:100%;
	overflow:hidden;
	padding:2% 0;
	background-color:white;
	border-bottom:1px solid #eee;
	}
.icons a{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	font-size:1em;
	color:red
	}
.icons a img{
	width:50%;
	margin-bottom:1%;
	}
.Notice{
	width:100%;
	overflow:hidden;
	padding:1% 0;
	background-color:white;
	}
.NoticeImg{
	width:20%;
	height:72px;
	float:left;
	margin:1% 0;
	background:url(../images/icon_16.jpg) center center no-repeat;
	background-size:50%;
	}
.NoticeUl{
	width:78%;
	padding:0 2%;
	float:right;
	border-left:1px solid #eee;
	background-color:white;
	overflow:hidden;
	}
.NoticeUl li{
	height:24px;
	font-size:.875em;
	margin:1% 0;
	line-height:24px;
	}
.NoticeUl li span{
	float:right;
	width:20%;
	display:block;
	font-size:.8em;
	color:#999;
	}
.NoticeUl li a{
	display:block;
	background:url(../images/icon_19.jpg) left center no-repeat;
	background-size:5%;
	float:left;
	padding-left:8%;
	width:78%;
	overflow:hidden;
	color:#999;
	text-overflow:ellipsis;
	 white-space:nowrap; 
	}
.free{
	width:100%;
	margin:2% 0 0 0;
	}
.FreeImg{
	width:20%; 
	margin:1%;
	float:left;
	}
.free p{
	margin:2% 0 0 0;
	padding:3% 40%;
	text-align:center;
	background-color:white;
	font-weight:bold;
	}
.product{
	width:100%;
	overflow:hidden;
	}
.product li{
	width:49%;
	overflow:hidden;
	float:left;
	background-color:white;
	}
.product li a.goods{
	display: block;
    width: 100%;
    height: 200px;
	}
.product li img{ 
	width:100%;
	margin:0;
	padding:0;
	}
.ProductText{
	height:auto;
	padding:1% 2%;
	}	
.ProductText h4{
	overflow:hidden;
	color:#000;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h5{
	overflow:hidden;
	color:#428bca;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h3{
	overflow:hidden;
	color:#ff1a60;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:1em;
	}
.ProductText h6{
	overflow:hidden;
	color:#ff0000;
	text-align:right;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h3,.ProductText h4{ 
	width:100%;
	float:left;
	}
.ProductText h5{ 
	width:50%;
	float:left;
	}
.ProductText h6{ 
	width:50%; 
	float:right;
	}
}
@media (min-device-width: 769px) and (max-device-width: 1024px) {
.logo{
	background:white;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.logo li{
	font-size:24px;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
}
.logo_left{
	width:20%;
	background:url(../images/LOGO.png) center center no-repeat;
	height:auto;
	background-size:40%;
}
.logo_center{
	width:65%;
	overflow:hidden;
	background-color:#eee;
}
.logo_right{
	width:15%;
	background:url(../images/gwc.png) center center no-repeat;
	background-size:25%;
}
.banner{
	width:100%;
	overflow:hidden;
	}
.banner img{ 
	width:100%;
	height:100%;
	margin:0;
	padding:0
	}
.icons{
	width:100%;
	overflow:hidden;
	padding:2% 0;
	background-color:white;
	border-bottom:1px solid #eee;
	}
.icons a{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	font-size:1em;
	color:red
	}
.icons a img{
	width:50%;
	margin-bottom:1%;
	}
.Notice{
	width:100%;
	overflow:hidden;
	padding:1% 0;
	background-color:white;
	}
.NoticeImg{
	width:20%;
	height:72px;
	float:left;
	margin:1% 0;
	background:url(../images/icon_16.jpg) center center no-repeat;
	background-size:30%;
	}
.NoticeUl{
	width:78%;
	padding:0 2%;
	float:right;
	border-left:1px solid #eee;
	background-color:white;
	overflow:hidden;
	}
.NoticeUl li{
	height:24px;
	font-size:.875em;
	margin:1% 0;
	line-height:24px;
	}
.NoticeUl li span{
	float:right;
	width:20%;
	display:block;
	font-size:.8em;
	color:#999;
	}
.NoticeUl li a{
	display:block;
	background:url(../images/icon_19.jpg) left center no-repeat;
	background-size:4%;
	float:left;
	padding-left:8%;
	width:78%;
	overflow:hidden;
	color:#999;
	text-overflow:ellipsis;
	 white-space:nowrap; 
	}
.free{
	width:100%;
	margin:2% 0 0 0;
	}
.FreeImg{
	width:18%; 
	margin:1%;
	float:left;
	}
.free p{
	margin:2% 0 0 0;
	padding:3% 40%;
	text-align:center;
	background-color:white;
	font-size:1.2em;
	font-weight:bold;
	}
.product{
	width:100%;
	overflow:hidden;
	}
.product li{
	width:49%;
	overflow:hidden;
	float:left;
	background-color:white;
	}
.product li img{ 
	width:100%;
	margin:0;
	padding:0;
	}
.ProductText{
	height:auto;
	padding:1% 2%;
	}	
.ProductText h4{
	overflow:hidden;
	color:#000;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h5{
	overflow:hidden;
	color:#428bca;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h3{
	overflow:hidden;
	color:#ff1a60;
	text-overflow:ellipsis;
	white-space:nowrap; 
	font-size:1.2em;
	}
.ProductText h6{
	overflow:hidden;
	color:#ff0000;
	text-align:right;
	text-overflow:ellipsis;
	white-space:nowrap; 
	font-size:1em;
	}
.ProductText h3,.ProductText h4{ 
	width:100%;
	float:left;
	}
.ProductText h5{ 
	width:50%;
	float:left;
	font-size:1em;
	}
.ProductText h6{ 
	width:50%; 
	float:right;
	}
}
@media (min-device-width: 1025px) and (max-device-width: 1920px) {
.logo{
	background:white;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.logo li{
	font-size:24px;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
}
.logo_left{
	width:20%;
	background:url(../images/LOGO.png) center center no-repeat;
	height:auto;
	background-size:35%;
}
.logo_center{
	width:65%;
	overflow:hidden;
	background-color:#eee;
}
.logo_right{
	width:15%;
	background:url(../images/gwc.png) center center no-repeat;
	background-size:15%;
}
.banner{
	width:100%;
	overflow:hidden;
	}
.banner img{ 
	width:100%;
	height:100%;
	margin:0;
	padding:0
	}
.icons{
	width:100%;
	overflow:hidden;
	padding:2% 0;
	background-color:white;
	border-bottom:1px solid #eee;
	}
.icons a{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	font-size:1em;
	color:red
	}
.icons a img{
	width:30%;
	margin-bottom:1%;
	}
.Notice{
	width:100%;
	overflow:hidden;
	padding:1% 0;
	background-color:white;
	}
.NoticeImg{
	width:20%;
	height:72px;
	float:left;
	margin:1% 0;
	background:url(../images/icon_16.jpg) center center no-repeat;
	background-size:20%;
	}
.NoticeUl{
	width:78%;
	padding:0 2%;
	float:right;
	border-left:1px solid #eee;
	background-color:white;
	overflow:hidden;
	}
.NoticeUl li{
	height:24px;
	font-size:.875em;
	margin:1% 0;
	line-height:24px;
	}
.NoticeUl li span{
	float:right;
	width:20%;
	display:block;
	font-size:.8em;
	color:#999;
	}
.NoticeUl li a{
	display:block;
	background:url(../images/icon_19.jpg) left center no-repeat;
	background-size:2.5%;
	float:left;
	padding-left:8%;
	width:78%;
	overflow:hidden;
	color:#999;
	text-overflow:ellipsis;
	 white-space:nowrap; 
	}
.free{
	width:100%;
	margin:2% 0 0 0;
	}
.FreeImg{
	width:12%; 
	margin:1%;
	float:left;
	}
.free p{
	margin:2% 0 0 0;
	padding:3% 40%;
	text-align:center;
	background-color:white;
	font-size:1.2em;
	font-weight:bold;
	}
.product{
	width:100%;
	overflow:hidden;
	}
.product li{
	width:49%;
	overflow:hidden;
	float:left;
	background-color:white;
	}
.product li img{ 
	width:100%;
	margin:0;
	padding:0;
	}
.ProductText{
	height:auto;
	padding:1% 2%;
	}	
.ProductText h4{
	overflow:hidden;
	color:#000;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h5{
	overflow:hidden;
	color:#428bca;
	text-overflow:ellipsis;
	white-space:nowrap; 
	}
.ProductText h3{
	overflow:hidden;
	color:#ff1a60;
	text-overflow:ellipsis;
	white-space:nowrap; 
	font-size:1.2em;
	}
.ProductText h6{
	overflow:hidden;
	color:#ff0000;
	text-align:right;
	text-overflow:ellipsis;
	white-space:nowrap; 
	font-size:1em;
	}
.ProductText h3,.ProductText h4{ 
	width:100%;
	float:left;
	}
.ProductText h5{ 
	width:50%;
	float:left;
	font-size:1em;
	}
.ProductText h6{ 
	width:50%; 
	float:right;
	}
}
.TableUl{
	width:100%;
	height:36px;
	line-height:36px;
	}
.TableUl>li{
	font-size:.7rem;
	width:25%;
	float:left;
	text-align:center;
	}
.c_active{
	color:#fb6eb5;
	font-weight:bold;
	}

.empty{height: 2.6rem;}












